<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  
  <!-- import Vue before Element -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- import JavaScript -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>

</head>
<body>
  <div id="app">
    <!-- <el-button @click="addItem">Button</el-button> -->
    el
    <div v-for="item of list">
      {{item}}
    </div>
  </div>
</body>

  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { list :["上海","深圳"]}
      },
      methods:{
        addItem(){
          this.list.push("new item");
        }
      }
    })
  </script>
</html>